<template>
  <div>
    <Header title="设置" :xiao="xiao" :titledi="titledi" style="width: 94%;margin-left:3%;" @goback="goback"></Header>
    <div class="box"></div>
    <div class="list" v-if="data">
      <p @click="$router.push('/usersafe')">账号与安全 <span class="da">&gt;</span></p>
      <p>资料编辑 <span class="da">&gt;</span></p>
      <p>清除缓存 <span>2.00KB</span></p>
      <p>意见反馈 <span class="da">&gt;</span></p>
      <p>关于社区 <span class="da">&gt;</span></p>
      <button @click="superstratum = true">退出登录</button>
    </div>
    <div class="list" v-else>
      <p>清除缓存<span>1.00KB</span></p>
      <p>关于社区<span class="da">&gt;</span></p>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.box {
    height: 55px;
    width: 100%;
  }

  .list {
    p {
      font-size: 16px;
      margin-bottom: 28px;

      span {
        float: right;
        color: #999;
        font-size: 14px;
      }

      .da {
        font-size: 20px;
        color: rgb(187, 187, 187);
      }
    }

    button {
      width: 100%;
      line-height: 40px;
      font-size: 18px;
      border-radius: 20px;
      border: none;
      background-color: #FF4A6A;
      color: #fff;
    }
  }

</style>